<template>
	<view style="background-color: #F3F4F5;">
		<nav-bar :title="title"></nav-bar>
		<!-- <image class="logo" src="/static/logo.png"></image> -->
		<view class="outer">
			<view class="title">
				安全管理组织机构及人员
			</view>
			<u-row style="flex-wrap:wrap">
				<u-col v-for="(listItem,listIndex) in orgList" @click="openMenu(listItem.moduleUrl)" :span="3" class="menuItem">
					<view class="menuIcon">
							<image :src="listItem.imageUrl" mode="widthFix" style="" class="iconImg" ></image>
						<span class="icon-notice"></span>
					</view>
					<view class="menuBody">{{listItem.title}}</view>
				</u-col>
			</u-row>
		</view>
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '工具包大全'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.outer {
		border-radius: 20rpx;
		margin: 20rpx;
		box-shadow: 0 2rpx 10rpx #DDDDDD;
		padding:30rpx 30rpx 40rpx 30rpx ;
		background-color: #fff;
	}
	
	.title {
		font-size: 36rpx;
		font-weight: 600;
	}
	
	.menuIcon {
		text-align: center;
		margin: 36rpx 0 10rpx 0;
	}
	
	.iconImg {
		width: 64rpx;
		height: 64rpx;
	}
	
	.menuBody {
		text-align: center;
		font-size: 28rpx;
		font-weight: 400;
		color: #666;
	}
</style>
